﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Trade.Default" %>

<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>

<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" type="text/css" media="screen" href="css/Estilo.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/wow_style.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.mod.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/reloj/flipclock.css" />
    <title>.:: Trade Bay ::.</title>
    <script type="text/javascript" src="js/jquery.js" ></script>
    <script type="text/javascript" src="js/wowslider.js" ></script>
    <script type="text/javascript" src="js/script.js" ></script>
    <script type="text/javascript" src="js/reloj/base.js" ></script>
    <script type="text/javascript" src="js/reloj/flipclock.js" ></script>
    <script type="text/javascript" src="js/reloj/dailycounter.js" ></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#wowslider-container1").wowSlider
                ({
                    effect: "kenburns",
                    prev: "",
                    next: "",
                    duration: 36 * 100,
                    delay: 36 * 100,
                    width: 1008,
                    height: 438,
                    autoPlay: true,
                    playPause: true,
                    stopOnHover: false,
                    loop: false,
                    bullets: false,
                    caption: true,
                    captionEffect: "slide",
                    controls: true,
                    onBeforeStep: 0,
                    images: 0
                })
        });
	</script>
    <script type="text/javascript">
        var clock;

        $(document).ready(function () {

            // Grab the current date
            var currentDate = new Date();

            // Set some date in the future. In this case, it's always Jan 1
            var futureDate = new Date(currentDate.getFullYear(), 2, 31);

            // Calculate the difference in seconds between the future and current date
            var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

            // Instantiate a coutdown FlipClock
            clock = $('.clock').FlipClock(diff, {
                clockFace: 'DailyCounter',
                countdown: true
            });
        });
	</script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="principal">
            <div id="content" style="position: absolute;width:1153px;height:620px;left: 50%;margin-left: -576.5px;z-index:2;margin-top:15px; top: 0px;">
            <div id="header">
                <div id="apDiv2">
                    <img src="Images/LogoTTB-azul.jpg" height="50" alt="" />
                </div>
				<div id="paises">
					<table>
						<tr>
							<td><img src="Images/chinesse.png" width="24" alt=""/></td>
							<td><img src="Images/english.png" width="24" alt=""/></td>
							<td><img src="Images/italian.png" width="24" alt=""/></td>
							<td><img src="Images/spanish.png" width="24" alt=""/></td>
						</tr>
					</table>
				</div> 
                <div id="login">
                    <div id="apDiv4">
                        <span style="font-weight:bold;font-size:12px;color:white;">
                            <asp:LinkButton ID="lnkRegister" runat="server" Font-Bold="True" Font-Names="Ubuntu Mono" Font-Underline="False" ForeColor="White" onclick="lnkRegister_Click" >Register</asp:LinkButton>
                        </span>
                    </div>
					<div style="height:20px;width:3px;color:#EF7F01;background-color:#B74900;margin-left:101px;z-index:8;"></div>
                    <div id="apDiv6">
                        <span style="font-weight:bold;font-size:12px;color:white;">
                            <asp:LinkButton ID="lnkSingin" runat="server" Font-Bold="True"
                            Font-Names="Ubuntu Mono" Font-Underline="False" ForeColor="White" 
                            onclick="lnkSingin_Click" >Log in</asp:LinkButton>
                        </span>
                    </div>
                </div>
				<div id="linea" style="position:absolute;left:0px;top:55px;width:1153px;height:2px;z-index:11;color:#EF7F01;background-color:#B74900;z-index:10;"></div>
            </div> 
            <div id="cuerpo_medio" style="z-index:11;height:550px;width:100%;margin-top:60px;display:inline-table;">
            <div id="apDiv3">
                <!-- Start WOWSlider.com BODY section -->
	            <div id="wowslider-container1">
	                <div class="ws_images">
                        <ul>
                            <li>
                                <img src="Images/slider/camaron1.jpg" alt="pesca_barco" title="" id="wows1_0"/>

                            </li>
                            <li>
                                <img src="Images/slider/camaron.jpg" alt="camaron" title="" id="wows1_1"/>

                            </li>
                        </ul>
	                </div>
                    <div class="ws_bullets">
                        <div>
                            <a href="#" title="pesca_barco"><img src="Images/slider/pesca_barco.jpg" alt="pesca_barco" width="75"/>1</a>
                            <a href="#" title="camaron"><img src="Images/slider/camaron.jpg" alt="camaron" width="75"/>2</a>
                        </div>
                    </div>
	            </div>
	            <!-- End WOWSlider.com BODY section -->
                <!--<img src="camaron1.jpg" width="1153" height="530" />-->
            </div>
            <div id="under" style="float:right;width:320px;height:170px;margin-top:75px;">
                <img src="Images/imagen3.jpg" width="320" />
            </div>
            <div id="reloj" style="margin-top:420px;margin-left:254.25px;">
                <div class="clock" style="margin:2em;"></div>
            </div>
            </div> <!-- fin del div cuerpo_medio -->
        </div> <!-- fin del div content -->
        </div> <!-- fin del Div Principal -->
<!-- Popup -->
    <div style="margin-top:650px;">
        <dx:ASPxPopupControl ID="Popup_Ingreso" runat="server" RenderMode="Lightweight"
            HeaderText="Log In" Modal="true" PopupHorizontalAlign="WindowCenter"
            PopupVerticalAlign="WindowCenter" Theme="Metropolis1" EnableTheming="true">
            <ContentCollection>
                <dx:PopupControlContentControl>
                    <div id="recuadro_inicio" style="width:450px;margin-left:auto;margin-right:auto;margin-top:10px;overflow:hidden;height:293px;background-color:#FFF;border:2px solid #B74900;">
                        <div id="recuadro_inicio_logo" style="width:430px;margin-bottom:0px;margin-left:10px;margin-right:10px;margin-top:10px;height:100px;">
                            <img src="Images/LogoTTB-blanco.jpg"  width="420" alt=""/>
                        </div>
                        <div id="recuadro_inicio_campos" style="width:428px;margin-bottom:10px;margin-left:10px;margin-right:10px;margin-top:0px;background-color:#EEE;border:2px solid #B74900;height:170px;">
                            <table border="0" style="width:100%;margin-top:35px;margin-left:70px;">
                                <tr>
                                    <td style="width:10%;height:10%;">
                                        <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="User:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtUser" runat="server" Width="227px" Height="25px"></dx:ASPxTextBox>
                                        <dx:ASPxLabel ID="lblClaveIncorrecta" runat="server" Text="Invalid User or Password!!!l" Visible="false" ForeColor="Red" Font-Size="14px" Font-Bold="true"></dx:ASPxLabel>
                                    </td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="lblPassword" runat="server" Text="Password:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtpassword" runat="server" Width="227px" Height="25px" Password="true"></dx:ASPxTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <div style="margin-left:110px;">
                                            <dx:ASPxButton ID="btnAceptar" runat="server" Text="Log In" 
                                                VerticalAlign="Middle" HorizontalAlign="Center" Theme="SoftOrange1" 
                                                OnClick="btnAceptar_Click"></dx:ASPxButton>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </dx:PopupControlContentControl>
            </ContentCollection>
        </dx:ASPxPopupControl>
    </div> <!--fin del popup login -->
    <!-- Popup Register -->
    <div style="margin-top:650px;">
        <dx:ASPxPopupControl ID="Popup_Registrer" runat="server" RenderMode="Lightweight"
            HeaderText="Register" Modal="true" PopupHorizontalAlign="WindowCenter"
            PopupVerticalAlign="TopSides" Theme="Metropolis1" EnableTheming="true">
            <ContentCollection>
                <dx:PopupControlContentControl>
                    <div id="Div1" style="width:450px;margin-left:auto;margin-right:auto;margin-top:10px;overflow:hidden;height:475px;background-color:#FFF;border:2px solid #B74900;">
                        <div id="Div2" style="width:430px;margin-bottom:0px;margin-left:10px;margin-right:10px;margin-top:10px;height:80px;">
                            <img src="Images/LogoTTB-blanco.jpg"  width="420" alt=""/>
                        </div>
                        <div id="Div3" style="width:428px;margin-bottom:10px;margin-left:10px;margin-right:10px;margin-top:0px;background-color:#EEE;border:2px solid #B74900;height:380px;">
                            <table border="0" style="width:100%;margin-top:20px;margin-left:50px;">
                                  <tr>
                                    <td>&nbsp;</td>
                                    <td><dx:ASPxLabel ID="lblReg_Mensaje" runat="server" Text="Invalid User" Visible="false" ForeColor="Red" Font-Size="14px" Font-Bold="true"></dx:ASPxLabel></td>
                                </tr>
                                <tr>
                                    <td style="width:10%;height:10%;">
                                        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="Username:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtReg_User" runat="server" Width="227px" Height="25px"></dx:ASPxTextBox>
                                     
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="ASPxLabel6" runat="server" Text="Full Name:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtReg_Nombre" runat="server" Width="227px" Height="25px"></dx:ASPxTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="ASPxLabel4" runat="server" Text="Password:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtReg_Password" runat="server" Width="227px" Height="25px" Password="true"></dx:ASPxTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>
                                        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Repeat Password:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtReg_RepPass" runat="server" Width="227px" Height="25px" Password="true">
                                            <ValidationSettings ErrorText="Passwords do not match">
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                    <tr>
                                    <td>
                                        <dx:ASPxLabel ID="ASPxLabel5" runat="server" Text="Email:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtReg_Email" runat="server" Width="227px" Height="25px"> </dx:ASPxTextBox>
                                    
                                    </td>
                                </tr>
                                                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                    <tr>
                                    <td>
                                        <dx:ASPxLabel ID="ASPxLabel7" runat="server" Text="Phone #:"></dx:ASPxLabel>
                                    </td>
                                    <td>
                                        <dx:ASPxTextBox ID="txtReg_Phone" runat="server" Width="227px" Height="25px">
                                            <ValidationSettings ErrorText="Passwords do not match">
                                            </ValidationSettings>
                                        </dx:ASPxTextBox>
                                    </td>
                                </tr>

                                <tr>
                                      <td>&nbsp;</td>
                                      <td><dx:ASPxLabel ID="lblReg_CreacionExitosa" runat="server" Text="User has been created successfully" Visible="false" ForeColor="Red" Font-Size="14px" Font-Bold="true"></dx:ASPxLabel></td>
                                </tr>
                                    <tr>
                                        <td colspan="2">
                                            <div style="margin-left:110px;">
                                                <dx:ASPxButton ID="btnReg_Aceptar" runat="server" HorizontalAlign="Center" 
                                                    OnClick="btnReg_Aceptar_Click" Text="Register" Theme="SoftOrange1" 
                                                    VerticalAlign="Middle">
                                                </dx:ASPxButton>
                                            </div>
                                        </td>
                                 </tr>
                                  <tr>
                                    <td>&nbsp;</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </dx:PopupControlContentControl>
            </ContentCollection>
        </dx:ASPxPopupControl>
    </div><%-- fin popup register--%>
    </form>
</body>
</html>
